
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>热门活动</title>
<style type="text/css">
 ul{
	 list-style:none;
	 padding:0px;}
 div{
	 width:700px;
	 margin:0px auto;}

 li{
	 margin:10px;
	 display:block;
	 float:left;
	 }
 .clear1:after{
	 content:"";
	 display:block;
	 clear:both;}	 
 .clear:after{
	 content:"";
	 display:block;
	 clear:both;}
 .layer2{
	 display:block;
	 float:right;
	 margin-top:50px;
	 margin-right:100px;}
 h2{ display:block;
     float:left;
	 margin-left:0px;}
 
</style>
</head>

<body>
     <div class="clear1">
      <h2>热门活动</h2>
      <span class="layer2">更多</span>
     </div>
	<div id="father" class="clear">
    <ul>
     <li class="layer3"><img src="file:///C|/Users/MI/Desktop/练习素材/7章素材/01 上机练习素材/练习2：热门活动/image/img1.png"/><br />推荐活动 | 原创音乐现金榜T榜
</li>
     <li class="layer4"><img src="file:///C|/Users/MI/Desktop/练习素材/7章素材/01 上机练习素材/练习2：热门活动/image/img2.png"/><br />推荐节目|《TAImusic》爆笑来袭
</li>
     <li class="layer5"><img src="file:///C|/Users/MI/Desktop/练习素材/7章素材/01 上机练习素材/练习2：热门活动/image/img3.png"/><br />推荐歌单 | 继续宠爱张国荣
</li>
     <li class="layer6"><img src="file:///C|/Users/MI/Desktop/练习素材/7章素材/01 上机练习素材/练习2：热门活动/image/img4.png"/><br />推荐活动| 330金属音乐巡演 成都小酒馆音乐空间
</li>
    </ul>
    </div>
</body>
</html>